.middle{
    margin-top: 4px;
    width: 100%;
    clear: both;
}
.banner{
 
    width:100%;
    height: 390px;
    margin: 0 auto;
    position: relative;
   overflow: hidden;
    top: -2px;

}
.banner>ul{
    width:4560px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
 
    
}
.banner>ul>li{
   height: 100%;
    float: left;
}
.banner>ul>li>img{
    width:760px;
      height:390px;
}
.selections,.notes{
    
    width:100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* text-align: center; */
}
/* p{
margin-top: 6px;
margin-left: 8px;
line-height: 1.5em;
 } */

.selections>a,.notes>a{
    position: absolute;
    top: 0;
    right: 4%;

}

.selections>div{
    width: 15%;
    height: 350px;
    border: 1px solid #ccc;
    float: left;
    margin: 1% 2.3%;
    position: relative;


}
.selections>div:hover,.selection:hover{
    box-shadow: 2px 2px  10px #FFB31A ;
}
.selection{
    float: left;
    width: 15%;
    height: 380px;
    border: 1px solid #ccc;
    margin: 1% 2.5%;
    position: relative;

}
.notes>div:nth-child(3){
    margin-left: 12.5%;
}
.selection>img{
    width: 100%;
    height: 87%;
}

.selections>div>div{
    position: absolute;
    bottom: 0;
}

.selections>div>img{
    width: 100%;
    height: 87%;

}
.title{
    /* margin-top: 20px; */
    font-size: 12px;
}
.searches{
     width: 90%;
     margin: 0 auto;
    
     
}

.searches>a>input{
display: inline-block;
width: 120px;
text-align: center;
margin: 20px;
border-radius: 5px;

}
/* .adv{
    float: right;
    width: 20%;

}
.adv>img{
    width: 100%;
} */
.hotFood{
    width: 60%;
    margin-left: 0;
    /* margin: 0 auto; */
    overflow: hidden;
    float: left;
}
.hotFood>a{
    margin-top: -30px;
    float: right;
}
.hotFood>h1{
    width: 80%;
  
}

.hotFood>div{
   
    width: 10%;
    float: left;
    margin: 20px 5%;
    height: 135px;
    position: relative;
}
.hotFood>div>a>span{
    position: absolute;
    bottom: 0;
    left: 0;
}
.hotFood>div>a>img{
    width: 100%;
}
.person{
    float: right;
    width: 35%;
    overflow: hidden;
    font-size: 12px;
}
.person>a{
    margin-top: -30px;
    float: right;
}
.person>ul>li{
  
      position: relative;

}
.person>ul>li>img{
    width: 15%;
}
.person>ul>li>span{
    display:inline-block;
    width:30% ;
    position: absolute;
   
    top: 20%;

}
.person>ul>li>div{
    width:30%;
    position: absolute;
    left: 15%;
    top: 50%;
}
.person>ul>li>input{
    display: inline-block;
    width: 20%;
    position: absolute;
    right: 0;
    top: 20%;
}
.article{
    clear: both;
    width: 100%;
    overflow: hidden;
    /* float: left; */
     margin: 20px auto;
     vertical-align: middle;
}
.article>img{
   
    float: left;
}
.article>div{
    width: 80%;
    /* height: 350px; */
    border: 1px solid #ccc;
   
    margin: 1% auto;
}
.article>a{
    margin-top: -30px;
    float: right;
}
.article>div>img{
    width: 10%;
}
.article>ul{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.article>ul>li{
    width: 50%;
    float: left;
    font-size: 12px;
    margin: 10px 0;
}
.work{
    display: inline-block;
    width: 50%;
    height: 100px;
    overflow: hidden;
}
.article>div>span{
    overflow: hidden;
}
.article>div>span>img{
    margin: 1%;
    width: 30%;
    height: 100%;
    float: left;
}
.try>li{
margin: 20px 0;
}
footer{
height: 80px;
width: 100%;

clear: both;
}

.foot{
width: 100%;
height: 80px;
/* margin: 15px auto ; */

}
.foot p{
text-align: center;
font-size: 8px;
color: rgb(122, 121, 121);
}
.f1{
width: 450px;
height: 2em;
margin:  10px auto;
line-height: 2em;



}
.f1 li{
width: 80px;
font-size: 12px;
text-align: center;
float: left;

}
.f1 li:hover{
color: darkorange;

}

.fixed{
position: fixed;
left: 0;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 10%;
margin: 0 auto;
text-align: center;
}
.static{
width: 100%;
height: 10%;
margin: 0 auto;
text-align: center;
position: static;
}
.container{
    width: 90%;
    margin: 0 auto;
}